<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.box1{
				/*
				 text-decoration 设置文本修饰
				    可选值：
				       none  什么都没有
				       underline 下划线
				       line-through 删除线
				       overline 上划线、
				       下划线的颜色一般默认和字体的颜色一样，
				       但是如果给他设置颜色什么的IE可能会不支持
				*/
				
		/* 省略号样式怎么写，如下：*/
			width: 200px;
			/*
			 * white-space 设置网页如何处理空白
			 *   可选值：
			 *     normal 正常
			 *     nowrap 不换行
			 *     pre     保留空白
			 * */	
			 white-space: nowrap;
			 overflow: hidden;
			 text-overflow: ellipsis;
			}
		</style>
	</head>
	<body>
		<div class="box1">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam neque molestias inventore illum pariatur deserunt aut vel minima aliquam cumque consectetur voluptatem atque itaque numquam animi culpa suscipit ut assumenda.
			
		</div>
	</body>
</html>
